<!DOCTYPE html>
<html>
<head>
	<title>鼠标点击红♥动画</title>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</style>
</head>
<body>
<script>
var e = 0;
jQuery(document).ready(function(a) {
    a("html").click(function(t) {
        var o, i = 18;
        e++,
        5 == e ? o = a("<b></b>").text("7dub.cn") : 10 == e ? o = a("<b></b>").text("OωO") : 20 === e ? o = a("<b></b>").text("(๑•́ ∀ •̀๑)") : 30 === e ? o = a("<b></b>").text("(๑•́ ₃ •̀๑)") : 40 === e ? o = a("<b></b>").text("(๑•̀_•́๑)") : 50 === e ? o = a("<b></b>").text("（￣へ￣）") : 60 === e ? o = a("<b></b>").text("(╯°口°)╯(┴—┴") : 70 === e ? o = a("<b></b>").text("૮( ᵒ̌皿ᵒ̌ )ა") : 80 === e ? o = a("<b></b>").text("╮(｡>口<｡)╭") : 90 === e ? o = a("<b></b>").text("( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃") : e >= 100 && e <= 105 ? o = a("<b></b>").text("(ꐦ°᷄д°᷅)") : (o = a("<span>♥</span>"), i = Math.round(14 * Math.random() + 6));
        var n = t.pageX,
        r = t.pageY;
        o.css({
            "z-index": 9999,
            top: r - 20,
            left: n,
            position: "absolute",
            color: "#E94F06",
            "font-size": i,
            "-moz-user-select": "none",
            "-webkit-user-select": "none",
            "-ms-user-select": "none"
        }),
        a("body").append(o),
        o.animate({
            top: r - 180,
            opacity: 0
        },
        1500,
        function() {
            o.remove()
        })
    })
})
</script>
<div style="width: 100%;height: 1000px;"></div>
</body>
</html>